<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    {% load bootstrap3 %}
    {% bootstrap_css %}
    {% bootstrap_javascript %}
    <title>Guest Manage</title>
  </head>
  <body role="document" class="table-responsive" >
    <!--导航栏-->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/event_manage/">Guest Manage System</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/event_manage">发布会</a></li>
            <li class="active"><a href="#">嘉宾</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">{{ user }}</a></li>
            <li><a href="/logout/">退出</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="page-header" style="padding-top: 20px;">
      <div id="navbar" class="navbar-collapse collapse">
        <form class="navbar-form" method="get" action="/search_name/">
          <div class="form-group">
            <input type="text" name="name" placeholder="名称" class="form-control">
          </div>
          <button type="submit" class="btn btn-success">搜索</button>
        </form>
      </div>
    </div>
    <!--嘉宾表-->
    <div class="row" ><!--style="padding-top: 20px;"-->
      <div class="col-md-12">
        <table class="table table-striped table-hover">
          <thead>
            <tr>
              <th>id</th><th>名称</th><th>手机</th><th>Email</th><th>签到</th>
              <th>发布会</th>
            </tr>
          </thead>
          <tbody>
            {% for guest in guests %}
              <tr>
                <td>{{ guest.id }}</td>
                <td>{{ guest.realname }}</td>
                <td>{{ guest.phone }}</td>
                <td>{{ guest.email }}</td>
                <td>{{ guest.sign }}</td>
                <td>{{ guest.event }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <!--列表分页器-->
    <div class="pagination">
      <span class="step-links">
        {% if guests.has_previous %}
            <a href="?page={{ guests.previous_page_number }}">previous</a>
        {% endif %}
        <span class="current">
            Page {{ guests.number}} of {{ guests.paginator.num_pages }}.
        </span>
        {% if guest.has_next %}
            <a href="?page={{ guests.next_page_number }}">next</a>
        {% endif %}
      </span>
    </div>
  </body>
</html>
